@charset "UTF-8";
@import "reset1.scss";

$wd:1365px;

#main{
    width: 100%;
    height: 1000px;
    
    >.content{
    width: $wd;
    height: 1005px;
    margin: 0 auto;
    
       >.title{
           width: $wd;
           height: 59px;
           float: left;
           border-bottom: 1px solid #dfdfdf;
           
           >p{
               font-size: 13px;
               line-height: 59px;
               margin-left: 182px;
           }
       }
       
       >.left{
           width: 373px;
           height: 945px;
           float: left;
           border-right: 1px solid #dfdfdf;
           
           >.top{
               width: 100%;
               height: 183px;
               border-bottom: 1px solid #dfdfdf;
               float: left;
               
               >img{
                   margin: 15px 0 0 215px;
               }
               
               >p{
                   margin:12px 0 0 225px;
               }
           }
           
           >.bottom{
               width: 100%;
               height: 761px;
               float: left;
               font-size: 12px;
               
               >ul:first-child{
                   margin-top: 35px;
               }
               
               >ul{
                   margin: 0 0 7px 235px;
               }
               
               >ul li:first-child{
                   font-size:16px;
                   color: #444f58;
                   font-weight: bold;
               }
                   
               >ul li{
                   line-height: 30px;
                   
                   >a{
                       color: #878787;
                       
                       &:hover{
                           color: #eb413d;
                       }
                   }
               }
           }
           
       }
       
       >.right{
           width: 809px;
           height: 945px;
           float: left;
           
           >.bind{
               width: 660px;
               height: 306px;
               margin: 37px auto;
               
               >p{
                   font-size: 20px;
                   font-weight: bold;
               }
               
               >.box{
                   width: 151px;
                   height: 222px;
                   float: left;
                   border: 1px solid #e7e7e7;
                }   
                
                
                              
                
                
                >.one,.two,.three,.four{
                       @extend .box;
                       margin-right: 10px;
                       text-align: center;
                       margin-top:25px;
                       position: relative;
                      
                       #bd1:checked+label~.jc,#bd2:checked+label~.jc,#bd3:checked+label~.jc,#bd4:checked+label~.jc{
                        display: block;
                        }
                        
                        #bd1:checked+label,#bd2:checked+label,#bd3:checked+label,#bd4:checked+label{
                        display:none;
                        }
                       
                       >input{
                           display: none;
                       }
                
                       >label{
                           display: inline-block;
                           font-size: 13px;
                           color: #ef1f20;
                           padding:15px 47px;
                           border:1px solid #ef1f20;
                           border-radius:25px;
                           transition:all 0.2s;
                           position:absolute;
                           top: 160px;
                           left: 15px;
                           cursor:pointer;
                           
                           &:hover{
                               color: white;
                               background: #ef1f20;
                           }
                           
                       }
                       
                       >img{
                           position: absolute;
                           top: 30px;
                           left: 44px;
                       }
                       
                       >p{
                           font-size: 13px;
                           color: #7f7f7f;
                           margin-top: 110px;
                       }
                       
                       >.p1{
                            display: none;
                            font-size: 16px;
                            position: absolute;
                            top:23px;
                            left: 46px;
                         }
                       
                       >.jc{
                           font-size: 13px;
                           color: #99999a;
                           padding:15px 33px;
                           border:1px solid #99999a;
                           border-radius:25px;
                           position: absolute;
                           top: 160px;
                           left: 17px;
                           display: none;
                           transition:all 0.5s;
                           
                           &:hover{
                               background:#99999a;
                               color: white;
                             
                           }
                       }
                       
                       
                }
                   
                   
               
           }
       }
       
    }
}